<template>
  <div>
    <navHead :tabflag="4" />
    <banner :bannercontent="bannercontent" />
    <titles :titlescontent="titlescontent" />
    <contentComponent :contentData="contentData" />
    <titles :titlescontent="titlescontent1" />
    <contentComponent :contentData="contentData2" />
    <titles :titlescontent="titlescontent2" />
    <contentComponent :contentData="contentData3" />
    <foot />
  </div>
</template>

<script>
import navHead from "~/components/nav-head.vue";
import foot from "~/components/foot.vue";
import banner from "~/components/banner.vue";
import titles from "~/components/title.vue";
import contentComponent from "~/components/content-component";
export default {
  name: "IndexPage",
  components: {
    navHead,
    foot,
    banner,
    titles,
    contentComponent,
  },
  data() {
    return {
      contentData3: {
        reverse: false,
        asidetitletop: "⼀般事故理赔流程简化 ⼩额快速理赔",
        asidetitlebottom: "线上线下多场景快速添加客户微信",
        img: require("../../assets/img/jslpccc.png"),
        isCheckIcon: true,
        list: [
          {
            name: "在线报案",
            content:
              "提供在线报案服务，上传理赔资料、在线预审、避免资料重复收集、沟通高效可靠；理赔进度清晰可查，流程透明可管控。",
          },
          {
            name: "极速理赔",
            content: "3000元以下快速理赔",
          },
          {
            name: "理赔无忧",
            content: "24⼩时专⼈跟进，理赔⽆忧",
          },
        ],
      },
      contentData2: {
        reverse: true,
        asidetitletop: "在线加减保",
        asidetitlebottom: "入职加保 离职减保",
        img: require("../../assets/img/sstbccc.png"),
        isCheckIcon: true,
        list: [
          {
            name: "手机投保",
            content:
              "在线操作加减保，完成保全操作，操作记录和人员信息可实时查询，数据可灵活进行统计分类，业务管理高效。",
          },
          {
            name: "极速投保",
            content: "100人投保只需1分钟，效率更高",
          },
        ],
      },
      contentData: {
        asidetitletop: "配置保险⽅案丰富、覆盖场景多",
        asidetitlebottom: "多行业、全场景按项⽬灵活配置保险⽅案",
        img: require("../../assets/img/gsbxaxax2.png"),
        isCheckIcon: true,
        list: [
          {
            name: "场景工种全",
            content: "群活码永久有效，人满自动分群",
          },
          {
            name: "保障时间久",
            content: "第一时间触达客户，快速建立联系",
          },
          {
            name: "理赔范围广",
            content: "本地批量导入，高效完成客户引流",
          },
        ],
      },
      titlescontent: {
        titletop: "场景工种全",
        titlebottom: "覆盖场景多、工种全，支持日保、周期保，跨天无忧",
      },
      titlescontent1: {
        titletop: "随时投保",
        titlebottom: "手机随时随地投保、加保、减保",
      },
      titlescontent2: {
        titletop: "极速理赔",
        titlebottom: "3000元以下快速理赔，理赔无忧",
      },
      bannercontent: {
        bannertitlelist: ["人力行业雇主保障专案"],
        msg: "覆盖场景多、工种全，支持日保、周期保，跨天无忧100人投保只需1分钟，效率更高",
        button: {
          isbtn: true,
          class: "bluebtn",
          name: "免费试用",
        },
        banner: require("../../assets/img/banner5.png"),
      },
    };
  },
};
</script>
